<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../../base/plugins/font-awesome-4.7.0/css/font-awesome.css" media="all" />
	</head>

	<body>
			<fieldset>
				<legend>
					<h3>个人设置</h3></legend>
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<label class="layui-form-label">头像</label>
						<div class="layui-nav-item">
							<a href=""><i class="fa fa-user-circle-o fa-5x" aria-hidden="true" style="color:gray" ;></i></a>
						</div>

						<div class="layui-input-block">
							<input type="file" name="title" required lay-verify="required|phone" placeholder="请输入账号" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">用户名:</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required|phone" placeholder="zhangshan" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">姓名：</label>
						<div class="layui-input-block">
							<input type="text" name="text" required lay-verify="required|email" placeholder="张三" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">手机：</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required|phone" placeholder="18889" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">性别</label>
						<div class="layui-input-block">
							<input type="radio" name="sex" value="保密" title="保密" checked="checked">
							<input type="radio" name="sex" value="男" title="男">
							<input type="radio" name="sex" value="女" title="女">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">邮箱：</label>
						<div class="layui-input-block">
							<input type="text" name="text" required lay-verify="required|email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
						</div>
					</div>
					
					<div class="layui-form-item">
						<label class="layui-form-label">*旧密码：</label>
						<div class="layui-input-block">
							<input type="text" name="text" required lay-verify="required|email" placeholder="请输入旧密码" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">*新密码：</label>
						<div class="layui-input-block">
							<input type="text" name="text" required lay-verify="required|email" placeholder="请输入新密码" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-form-item">
						<label class="layui-form-label">*确认密码：</label>
						<div class="layui-input-block">
							<input type="text" name="text" required lay-verify="required|email" placeholder="请输入确认密码" autocomplete="off" class="layui-input">
						</div>
						<button class="layui-btn">取消修改密码</button>
						<button class="layui-btn layui-btn-primary">立即提交</button>
						<button class="layui-btn layui-btn-danger">关闭</button>
					</div>
				</form>
			</fieldset>
			

			<script src="../../../base/js/jquery-1.11.3.min.js"></script>
			<script src="../../../base/plugins/layui/layui.js"></script>

			<script type="text/javascript">
				layui.use('form', function() {
					var form = layui.form;
					form.render();
				});
			</script>
	</body>

</html>
